@extends('Admin.common.header')
<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}"> 
<br/><br/><br/><br/>


<!-- 页面标记 -->
<div style="float:left;margin-left:130px;">
	<mark style="font-size:18px;">商品列表</mark>
</div>


<!-- 1.搜索 不写默认get传输  -->
<form action="{{ url('/com/index') }}" method='post' >
	<div class="col-lg-6" style="width:35%;float:left;margin-left:200px;" >
		<div class="input-group"  >
			
			{{ csrf_field() }}
			
			<input  type="text" name='keyword' class="form-control" placeholder="输入商品名称 进行查询 ...." value="{{ $request or '' }}" />
			
			<span class="input-group-btn">
				<input class="btn btn-default" type="submit" value="Go!" />
				<a class="btn btn-default" href="{{ url('/com/index') }}" />清空条件</a>
			</span>
			
		</div>
	</div>
</form>

<br/><br/><br/>


<!-- 商品表格 -->
<div class="bs-example" data-example-id="hoverable-table" style="width:80%;margin:0 auto;">
    <table class="table table-hover">
		<thead>
			<tr>
			  <th>id</th>
			  <th>商品名称</th>
			  <th>商品图片</th>
			  <th>分类</th>
			  <th>进价</th>
			  <th>售价</th>
			  <th>剩余库存</th>
			  <th>累积库存</th>
			  <th>创建用户</th>
			  <th>状态</th>
			  <th>操作</th>
			</tr>
		</thead>
		<tbody>
			@forelse($coms as $com_info)
				<tr>
				    <th scope="row">{{ $com_info->id }}</th>
				    <td>{{ $com_info->name }}</td>
				    <td><a href="{{ url('/comDetail') }}/{{ $com_info->id }}" target="_blank" ><img style='width:100px;' src="{{ asset('/images/coms') }}/{{ $com_info->pic_url }}" /></a></td>
				    <td>{{ $com_info->category_name }}</td>
				    <td>{{ $com_info->inPrice }}</td>
				    <td>{{ $com_info->price }}</td>
				    <td class="stock" comId="{{ $com_info->id }}" >{{ $com_info->stock }}</td>
				    <td>{{ $com_info->allStock }}</td>
				    <td>{{ $com_info->admin_name }}</td>
				    <td>{{ $com_info->comStatus }}</td>
				    <td>	
						<a href="{{ url('/com/create/') }}/{{ $com_info->id }}" >编辑</a> 		
						@if ( $com_info->status == 1 )
							&nbsp; | &nbsp; 
							<a href="javascript:onclick=upStatus({{ $com_info->id }},3)" >推荐</a>	&nbsp; | &nbsp; 
							<a href="javascript:onclick=upStatus({{ $com_info->id }},2)" >下架</a>	&nbsp; 
						@elseif ( $com_info->status == 2 )
							&nbsp; | &nbsp; 
							<a href="javascript:onclick=upStatus({{ $com_info->id }},1)" >上架</a>	&nbsp; 
						@elseif ( $com_info->status == 3 )
							&nbsp; | &nbsp; 
							<a href="javascript:onclick=upStatus({{ $com_info->id }},1)" >上架</a>	&nbsp; | &nbsp;
							<a href="javascript:onclick=upStatus({{ $com_info->id }},2)" >下架</a>	&nbsp;
						@else
							<!-- 无库存 -->
						@endif
					</td>
				</tr>
			@empty
				<tr>
					<td scope="row"><h2>暂无数据</h2></td>
				</tr>
			@endforelse
		</tbody>
    </table>
</div>

<!-- 3.分页 -->
<div style='text-align:center;'>
	{{ $coms->appends(['keyword'=>$request])->links() }}
</div>
<div class="badge" style="width:100%;text-align:center;font-size:18px;margin-bottom:70px;" >
		共{{ $coms->total() }}条数据
</div>

<script src=" {{ asset('./js/jquery-1.8.3.min.js') }} "></script>
<script>
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	// 执行修改商品状态
	function upStatus( id,status )
	{
		$.ajax({
			type:"post",
			url:"{{ url('/com/upStatus') }}"+'/'+id,
			data:{status:status,_token:_token},
			async:true,    					
			dataType:"text",
			success:function(back){
				if(back=='1')
				{
					location.reload();
				}
			}
		});
	}
	
	// 是否双击
	var isDbl = false;
	$(function(){
		
		// 无刷新执行 补库存
		$(".stock").on('dblclick',function(){
			if( isDbl )
			{
				return false;
			}
			isDbl = true;
			// 获取原来的值
			var old_value = $(this).val();
			// 声明 输入框对象
			var input=$("<input type='text' class='form-control' style='width:50px;' />");
			// 显示 这个输入框
			$(this).append(input);
			// 光标 直接在里面
			input.select();
			// 获取商品ID
			var comid = $(this).attr('comId');
			// 获取当前点击对象
			var td = $(this);
			// 失去焦点 执行补库存
			input.on('blur',function(){
				// 获取新输入的值
				var new_value = $(this).val();
				// 点错了什么都没输入 或者 输入0
				if( new_value== '' || new_value==0  )
				{
					location.reload();
					return false;
					
				}
				// 不是数字
				if( isNaN(new_value) )
				{
					alert('输商品数量!!!!');
					return false;
				}
				new_value = parseFloat( new_value );
				// 输入负数
				if( new_value < 0 )
				{
					alert('输商品数量!!!!');
					return false;
				}
				if( confirm('确认增加吗') )
				{
					$.ajax({
						type:"post",
						url:"{{ url('/com/addStock') }}"+'/'+comid,
						data:{stock:new_value,_token:_token},
						async:true,    					
						dataType:"text",
						success:function(back){
							if( back=='1' )
							{
								// 刷新 显示新值
								location.reload();
							}else
							{
								// 没改成功 显示旧值
								td.html(old_value);
							}
						}
					});
				}else
				{
					location.reload();
				}
				
			})
		});
	});
	
</script>

@extends('Admin.common.footer')